<!DOCTYPE html>
<html lang="en" xmlns="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>自测结果报告分析 - Happy Study</title>
    <meta name="keywords" content="Happy Study，快乐学习，开心学习，Java、C++、Python，在线平台，在线笔记，笔记平台，在线Java题库，Java自学平台">
    <meta name="description" content="Happy Study - Java、C++、Python、小程序等主流语言自学平台主流计算机语言在线自学平台">
    <link rel="shortcut icon" th:href="@{/images/favicon.ico}">
    <link rel="stylesheet" type="text/css" th:href="@{/layui/css/layui.css}">
    <link rel="stylesheet" type="text/css" th:href="@{/css/all.css}">
    <link rel="stylesheet" type="text/css" th:href="@{/css/main.css}">
    <link rel="stylesheet" type="text/css" th:href="@{/css/report.css}">
</head>
<body>
<div class="report-app">
    <h2>[[${paperEntity.paperName}]]报告分析</h2>
    <!--<div class="report">
        <div class="score-div">得分结果</div>
        <div class="acc-div">正确率</div>
        <div class="score-div"></div>
    </div>-->
    <div class="report-result">
        <div class="report-item" th:each="subjectEntity, status : ${subjectEntities}">
            <div class="persentation-left">
                [[${status.index+1}]].&nbsp;&nbsp;<pre>[[${subjectEntity.subjectContent}]]</pre>
                <p class="my-answer">
                    <span>我的答案：</span>
                    <span th:if="${subjectEntity.answerEntity.optionId == -1}" style="color: #ff9700">未填写</span>
                    <span th:if="${subjectEntity.answerEntity.optionId != -1}">[[${subjectEntity.answerEntity.optionContent}]]</span>
                </p>
                <div class="correct-option">
                    <div class="option" th:each="optionEntity : ${subjectEntity.optionEntities}">
                        <div class="span-radio" th:style="${optionEntity.optionId == subjectEntity.optionId} ? 'box-shadow: 0px 0px 0px 1px #4CAF50;' : ''"></div>
                        <div class="span-text" th:style="${optionEntity.optionId == subjectEntity.optionId} ? 'color:#4CAF50' : 'color:#c0c4cc'">[[${optionEntity.optionContent}]]</div>
                    </div>
                </div>
                <!-- <p>
                    <span>答案解析：</span>
                    <i>二进制，每一位，可表示两种颜色，分别可用0，1表示。所以：8个二进制位就可存储：2的8次方=256种</i>
                </p> -->
                <p class="persentation-tag">
                    <span>知识点标签：</span>
                    <span class="el-tag">
                        [[${subjectEntity.categoryName}]]
                        <span th:if="${subjectEntity.categoryId == null || subjectEntity.categoryName == 0}">未知标签</span>
                    </span>
                </p>
            </div>
        </div>
    </div>
</div>
</body>
<script type="text/javascript" th:src="@{/js/jquery-3.3.1.min.js}"></script>
<script type="text/javascript" th:src="@{/layui/layui.js}"></script>
<script type="text/javascript" th:src="@{/js/report.js}"></script>
</html>